import React from 'react'
import conf from '@/config'
import '@/components/head.less'

class Head extends React.Component {
  render() {
    return (
      <div className="head">
        <img src="/static/head/logo.png" className="logo" />
        {/* <div className="btns">
          <a className="item download" href="http://www.baidu.com"></a>
        </div> */}
        <div className="contact" >
          <span>FOLLOW US：</span>
          {/* <a href={conf.channel.twitter}><img src="/static/head/twitter.png" /></a> */}
          <a href={conf.channel.facebook}><img src="/static/head/facebook.png" /></a>
          <a href={conf.channel.instagram}><img src="/static/head/instagram.png"/></a>
          <a href={conf.channel.snapchat}><img src="/static/head/snapchat.png" /></a>
          <a href={conf.channel.email}><img src="/static/head/email.png" /></a>
          {/* <a href={conf.channel.telegram}><img src="/static/head/telegram.png" /></a> */}
        </div>
      </div>
    )
  }
}

export default Head
